*{
    margin: 0;
    padding: 0;
    outline: none;
}
body{
    margin: 100px 0 0 100px;
	color: #fff;
	font: normal 12px verdana, arial, helvetica, sans-serif;
    background: #444;
	overflow-y: scroll;
}

.box{
    clear: both;
    width: 100%;
    margin-top: -1px;
/*border: 1px solid #fff;*/
    overflow: hidden;
}

.box .info{
    overflow: hidden;
}
.box .info.first{
    margin-bottom: -1px;
}

.box .dots{
    float: left;
    width: 64px;
    height: 64px;
/*border: 1px solid #0ff;*/
}
.box .dots .dot-top{
    float: right;
    width: 32px;
    height: 32px;
    border: dotted #fff;
}
.box .dots .dot-bottom{
    clear: both;
    float: right;
    width: 32px;
    height: 32px;
    border: dotted #fff;
}
.box .dots [class^="dot-"].corner{
    height: 31px;
    margin-top: 1px;
    border-width: 0 0 1px 1px;
}
.box .dots [class^="dot-"].line{
    height: 31px;
    margin-top: 1px;
    border-width: 0 0 0 1px;
}
.box .dots [class^="dot-"].hide{
    border-width: 0;
}

.emptybox{
    float: left;
    width: 64px;
    height: 64px;
}

.box .folder{
    float: left;
    width: 64px;
    height: 64px;
/*border: 1px solid #ff0;*/
    background: url("../images/folder.png") center no-repeat;
}
.box .file{
    float: left;
    width: 64px;
    height: 64px;
/*border: 1px solid #fff;*/
    background: url("../images/file.png") center no-repeat;
}

.box .title{
    float: left;
    height: 45px;
    padding: 19px 0 0 10px;
    color: #fff;
/*border: 1px solid #0f0;*/
}

.box .webgl-logo{
    background-color: white;
}